<template>
        <!-- 底部按钮保存区域 -->
        <div class="footer-btns" @click="footerClick">
            <div class="btns-container">
                <span>签名</span>
                <span>信息保存</span>
            </div>
        </div>
</template>
  
<script setup>
import { ref, reactive, toRefs } from 'vue';
const emit = defineEmits(["callBackEvent"]);
const footerClick = () =>{
    emit("callBackEvent")
}

</script>

<style scoped>
        .footer-btns {
            position:fixed;
            bottom: 0;
            height: 80px;
            width: 100%;
            background-color: #f5f8fa;
            border-radius: 20px 20px 0  0;

            .btns-container {
                display: flex;
                align-items: center;
                justify-content: space-between;

                span {
                    font-size: 26px;
                    color: #fff;
                    font-weight: 600;
                    background-color: #3eafe0;
                    padding: 8px 12px;
                    border-radius: 10px;
                }
            }
        }

</style>